import React from 'react'
import MobileNavigator from '../components/MobileNavigator'
import MobileMyBanner from '../components/MobileBanner'
import MobileMyAvatar from '../components/MobileMyAvatar'
import Kefu from '../components/Kefu'
import MobileCopyright from '../components/MobileCopyright'
import girl from '../assets/girl.png'
import ops from '../styles/Ops.module.scss'

function MobileOps() {
  return (
    <>
      {/* 顶部banner */}
      <MobileMyBanner />
      {/* 导航 */}
      <MobileNavigator />
      {/* 头像 */}
      <MobileMyAvatar />
      {/* 主体 */}
      <div className="container" style={{ marginBottom: '0vw' }}>
        <div className={ops.opsContainer}>
          <img src={girl} alt="" />
          <h3>游戏维护中</h3>
          <p>请在维护后再次尝试访问</p>
        </div>
      </div>

      <Kefu />
      <MobileCopyright />
    </>
  )
}

export default MobileOps
